<template>
    <div class="err">
        <el-crad>
            <div slot="header" class='head'>401</div>
            <h3>抱歉,您没有权限访问该页面！</h3>
        </el-crad>
    </div>
</template>
<script>
export default {
    name:'err'
}
</script>
<style lang="less" scoped>
.err{
    width: 400px;
    height: 300px;
    background:#999;
    position: fixed;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 5px 8px #333;
    .head{
        font-size: 30px;
        color: #fff;
        text-align: center;  
    }
    h3{
        text-align:center;
        color: #fff;
        margin-top: 20px;
        font-size: 18px;
    }
}
</style>